<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="refresh" content="900"/>
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="no-cache">
    <meta http-equiv="Expires" content="-1">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta charset="UTF-8">
    <title>在线服装购物商城网站</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/clothing.css" rel="stylesheet">
    <link rel="stylesheet" href="css/good-item.css">
</head>
<body style="background-color: #3c3c3c">
<div class="container"
     style="margin-top: 2rem;padding-top:2rem;padding-bottom: 2rem;border-bottom: 2px solid #f9f9f9">
    <div class="title row">
        <div class="row">
            <div class="header-left col-xs-5 col-xs-offset-1">
                <div class="row">
                    <div class="col-xs-2 col-xs-offset-1">
                        <div class="logo">
                            <a href="index.html">CL</a>
                        </div>
                    </div>
                    <div class="col-xs-7">
                        <div class="row"  id="big-catelog">
                            <div class="col-xs-3" data-num="0" >男装</div>
                            <div class="col-xs-3" data-num="1">女装</div>
                            <div class="col-xs-3" data-num="2">休闲装</div>
                            <div class="col-xs-3" data-num="3">运动装</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="header-right col-xs-5">
                <div class="row">
                    <div class="col-xs-10 col-xs-offset-2">
                        <div class="row">
                            <div class="user col-xs-3">
                            <span style="background: url('icon/user.png') no-repeat 0px 0px;
                            background-size:100% 100%;width: 22px;height: 22px;display: inline-block"></span>
                                <a id="user-iii" data-toggle="modal" data-target="#login" class="glyphicon"
                                   style="vertical-align: top;">登入</a>
                            </div>
                            <div class="goods-card col-xs-4">
                            <span style="background: url('icon/goods-card.png') no-repeat 0px 0px;
                            width: 22px;background-size:100% 100%;height: 22px;display: inline-block;"></span>
                                <a href="goods-cart.html" id="card-iii" style="vertical-align: top;">购物车(0)</a>
                            </div>
                            <div class="goods-card col-xs-4">
                            <span style="background: url('icon/goods-card.png') no-repeat 0px 0px;
                            width: 22px;background-size:100% 100%;height: 22px;display: inline-block;"></span>
                                <a href="order.html" id="order-iii" style="vertical-align: top;">我的订单</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container categration">
    <div class="row">
        <div class="col-xs-4 h5">
            <div class="row" id="cccc">
                <div class="col-xs-2 col-xs-offset-1" style="padding: 0px">主页/</div>
                <div class="col-xs-2 litle-cate-text " style="padding: 0px;">男装/</div>
                <div class="col-xs-2 litle-cate-text" style="padding: 0px;">T恤衫</div>
            </div>
        </div>
    </div>
</div>

<div class="container  goods-info" style="padding-top: 3rem;padding-bottom: 5rem;border-bottom: 2px solid black">
    <div class="row">
        <div class="row">
            <div class="col-xs-10 good-img-wrap col-xs-offset-1 ">
                <img class="good-img" src="icon/banner.jpg"/>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-10 col-xs-offset-1 cloth-detail">
                <div class="cloth-name h2">加载中...</div>
                <div class="h6"> 商品编号：<span class="cloth-sku"></span></div>
                <div class="cloth-info"></div>
                <div class="cloth-money">
                    <span class=".text-danger h2"></span>¥
                </div>
                <div>
                    <div class="cloth-size"><strong> SIZE</strong>

                    </div>


                    <div class="cloth-color"><strong>主要颜色</strong>
                    </div>

                </div>
                <div class="goods-inv">当前库存量：</div>
                <div class="goumai" style="text-align: center; overflow: hidden">
                    <div class="col-lg-2 col-xs-offset-4 ">
                        <div class="input-group">
                            <span class="input-group-btn">
                                <button class="btn btn-default jian-btn " type="button">-</button>
                            </span>
                            <input type="text" class="form-control" style="text-align: center" value="1"
                                   id="goumaiNum">
                            <span class="input-group-btn">
                                <button class="btn btn-default add-btn" type="button">+</button>
                            </span>
                        </div>
                    </div>
                    <div class="add-gouwuche col-xs-2 ">
                        <button type="button" class="btn btn-warning">加入购物车</button>
                    </div>
                </div>

            </div>
        </div>
    </div>


    <!--底部  maybe you like -->
    <div class="row" style="text-align: center; margin-top: 10rem">
        <div class=" col-xs-6 col-xs-offset-3 h3">MAYBE YOU LIKE</div>
        <div class="row col-xs-10 col-xs-offset-1">
            <div class="col-xs-3">
                <img class="men-1 col-xs-12" src="icon/banner.jpg"/>
                <div class="men-1-info col-xs-12 ppp">
                    <div class="men-1-name">一件大衣</div>
                    <div class="men-1-money">￥100</div>
                </div>
            </div>
            <div class="col-xs-3">
                <img class="men-1 col-xs-12" src="icon/banner.jpg"/>
                <div class="men-1-info col-xs-12 ppp">
                    <div class="men-1-name">一件大衣</div>
                    <div class="men-1-money">￥100</div>
                </div>
            </div>
            <div class="col-xs-3">
                <img class="men-1 col-xs-12" src="icon/banner.jpg"/>
                <div class="men-1-info col-xs-12 ppp">
                    <div class="men-1-name">一件大衣</div>
                    <div class="men-1-money">￥100</div>
                </div>
            </div>
            <div class="col-xs-3">
                <img class="men-1 col-xs-12" src="icon/banner.jpg"/>
                <div class="men-1-info col-xs-12 ppp">
                    <div class="men-1-name">一件大衣</div>
                    <div class="men-1-j">这是一件冬天穿上的衣服</div>
                    <div class="men-1-money">￥100</div>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="bottom-info container" style="text-align: center;margin-bottom: 5rem">
    <div class="row">
        <div class="line-1 col-xs-4">
            <div class="row h5">
                <div class="bottom-title col-xs-12 h4">
                    服装资讯网
                </div>
                <a href="http://www.firstview.com/index.php " class="col-xs-12">全球最大的秀场图片网站</a>
                <a href="https://link.zhihu.com/?target=http%3A//nymag.com/thecut/" class="col-xs-12">ファッション情報</a>
                <a href="https://link.zhihu.com/?target=http%3A//www.tsushin.tv/" class="col-xs-12">时尚摄影</a>
            </div>
        </div>
        <div class="line-1-2 col-xs-4">
            <div class="row h5">
                <div class="bottom-title col-xs-12 h4">
                    街拍
                </div>
                <a href="http://www.hel-looks.com/ " class="col-xs-12">http://www.hel-looks.com/ </a>
                <a href="https://link.zhihu.com/?target=http%3A//droptokyo.com/street/" class="col-xs-12">Street
                    Style</a>
                <a href="https://link.zhihu.com/?target=http%3A//www.fashionsnap.com/streetsnap/" class="col-xs-12">ストリートスナップ</a>
                <a href="http://www.hel-looks.com/ " class="col-xs-12">http://www.hel-looks.com/ </a>
                <a href="https://link.zhihu.com/?target=http%3A//droptokyo.com/street/" class="col-xs-12">Street
                    Style</a>
            </div>
        </div>
        <div class="line-1-2 col-xs-4">
            <div class="row h5">
                <div class="bottom-title col-xs-12 h4">
                    其他购物网
                </div>
                <a href="https://link.zhihu.com/?target=http%3A//www.burton.co.uk/webapp/wcs/stores/servlet/TopCategoriesDisplay%3FstoreId%3D12551%26langId%3D-1%26catalogId%3D33052%26geoip%3Dhome"
                   class="col-xs-12">Home | LN-CC</a>
                <a href="https://link.zhihu.com/?target=http%3A//www.mindtrive.com/index.php" class="col-xs-12">Burton -
                    Mens Clothing</a>
                <a href="https://link.zhihu.com/?target=http%3A//www.ln-cc.com/page/home"
                   class="col-xs-12">メンズセレクトショップ </a>
            </div>
        </div>
    </div>
</div>
<!--模态弹床-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">加入购物车成功！</h4>
                modal-footer
                <div class="modal-body">亲！商品以添加到购物车，快去结算吧</div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-warning">前往结算</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>
</div>
<!-- 注册窗口 -->
<div id="register" class="modal fade" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <button class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-title">
                <h1 class="text-center">注册</h1>
            </div>
            <div class="modal-body">
                <form class="form-group" action="">
                    <div class="form-group">
                        <label >用户名</label>
                        <input id="r-user-name" class="form-control" type="text" placeholder="6-15位字母或数字">
                    </div>
                    <div class="form-group">
                        <label >密码</label>
                        <input id="r-user-password" class="form-control" type="password" placeholder="至少6位字母或数字">
                    </div>
                    <div class="form-group">
                        <label >再次输入密码</label>
                        <input class="form-control" type="password" placeholder="至少6位字母或数字" id="r-user-password-2">
                    </div>
                    <div class="form-group">
                        <label >邮箱</label>
                        <input id="r-email" class="form-control" type="email" placeholder="例如:123@123.com">
                    </div>
                    <div class="text-right">
                        <button class="btn btn-primary" type="button" id="to-regise">提交</button>
                        <button class="btn btn-danger" data-dismiss="modal">取消</button>
                    </div>
                    <a href="" data-toggle="modal" data-dismiss="modal" data-target="#login">已有账号？点我登录</a>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- 登录窗口 -->
<div id="login" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <button class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>
            </div>
            <div class="modal-title">
                <h1 class="text-center">登录</h1>
            </div>
            <div class="modal-body">
                <form class="form-group" action="">
                    <div class="form-group">
                        <label >用户名</label>
                        <input id="user-name" class="form-control" type="text" placeholder="">
                    </div>
                    <div class="form-group">
                        <label >密码</label>
                        <input id="user-password" class="form-control" type="password" placeholder="">
                    </div>
                    <div class="text-right">
                        <button class="btn btn-primary" type="button" id="start-login">登录</button>
                        <button class="btn btn-danger" data-dismiss="modal">取消</button>
                    </div>
                    <a href="" data-toggle="modal" data-dismiss="modal" data-target="#register">还没有账号？点我注册</a>
                </form>
            </div>
        </div>
    </div>
</div>

<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/login.js"></script>
<script src="js/islogin.js"></script>
<script src="js/goods-item.js"></script>
</body>
</html>